<template>
    <div>
        <el-menu default-active="1" router mode="horizontal" class="pc" menu-trigger="click" unique-opened>
            <el-menu-item index="/residentInfo">
                <span>基本信息</span>
            </el-menu-item>
            <el-menu-item index="/healthRecord">
                <span>健康档案</span>
            </el-menu-item>
            <el-menu-item index="/appointment">
                <span>预约挂号</span>
            </el-menu-item>
            <el-menu-item index="/medication">
                <span>药品选购</span>
            </el-menu-item>
            <el-menu-item index="/appointmentRecords">
                <span>预约问诊记录</span>
            </el-menu-item>
            <el-menu-item index="/orderRecords">
                <span>购药记录</span>
            </el-menu-item>
        </el-menu>
    </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.el-menu {
    height: 60px;
    width: 1200px;
    opacity: 0.93;
    display: flex;
    align-items: center;
    justify-content: center;
}

.el-menu .el-menu-item {
    width: 120px;
    white-space: nowrap;
}
</style>